@import url(style.css);
@import url(proscrol.css);
@import url(swiper.min.css);
/*
首页
*/
/*轮显*/
.banner{ width: 100%; overflow:hidden; position:relative;}
.banner .swiper-container{/* width: 100%; height: 100%; position: absolute; z-index: 1; top: 0;left: 0; right: 0;bottom: 0;*/}
.banner .lzpic1{ width: 100%;height: 100%; background: no-repeat center; background-size: cover;-moz-background-size: cover;-webkit-background-size: cover;}
.lzpic1 img{ width:100%;opacity:0;filter:Alpha(opacity=0);}
.banner .text { max-width: 1400px; width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); z-index: 10; font-size:65px;/*font-weight: bold;*/ color: #fff;/* -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=45, Color=#989898)"; text-shadow: -2px 2px 6px rgba(152, 152, 152, 0.8); filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color=#989898);*/ padding: 0 20px; text-align:right;}
.banner .text .small { font-size: 35px; font-weight:normal; margin-top:30px;}
.banner .swiper-pagination { width: 100%;bottom: 30px; transition-duration: 0.4s;-webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s;-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s;}
.banner .swiper-pagination.gao {bottom: 380px;}
.banner .swiper-pagination .swiper-pagination-bullet { width: 30px; height: 30px; background:url(../images/dian.png) no-repeat;opacity: 1; margin: 0 8px; border-radius:0;background-size:100% 100%;}
.banner .swiper-pagination .swiper-pagination-bullet-active { background-image:url(../images/dian_on.png);}
.swiper-button-next, .swiper-button-prev{ width:40px; height:43px; background-size:100% 100%;transition:all 0.3s;-webkit-tap-highlight-color:transparent;}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{ left:3%; background-image:url(../images/left.png);}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{ right:3%; background-image:url(../images/right.png);}
.swiper-button-next:hover, .swiper-button-prev:hover{ width:60px;}
.swiper-button-next:hover{ background-image:url(../images/right_on.png);}
.swiper-button-prev:hover{ background-image:url(../images/left_on.png);}
/*服务领域*/
.i_one{ overflow:hidden; margin-top:74px; margin-bottom:61px;}
.i_one_t{ float:left; width:440px; overflow:hidden;}
.i_one_t .h3{ font-weight:normal; line-height:1; color:#333333; font-size:42px; line-height:58px; height:86px; position:relative;}
.i_one_t .h3:after{ position:absolute; content:""; bottom:0; left:0; width:66px; height:3px; background:#f37800;}
.i_one_t .p{  color:#333333; line-height:38px;font-size:24px;   margin-top:28px;}
.i_one_t .a{ float:left; margin-top:83px; font-size:14px; color:#f37800; line-height:30px; height:30px; overflow:hidden; padding-right:83px;background:url(../images/i_bg2.png) right center no-repeat; background-size:75px 13px;transition:all 0.3s;}
.i_one_t .a:hover{ margin-left:4px;}
.i_one_r{ width:888px; float:right; overflow:hidden; line-height:30px; color:#555555; font-size:14px;}
.i_one_r .counter{ width:960px; overflow:hidden; padding-top:50px;}
.i_one_r .counter ul li{ float:left; width:240px;   transition:all 0.3s; position:relative; text-align:center; }
.i_one_r .counter ul li:first-child{ margin-left:-35px;}
.i_one_r .counter ul li .nums{ color:#333; line-height:1;}
.i_one_r .counter span{display:inline-block; vertical-align:top; overflow:hidden; letter-spacing:1px; color:#f37800; font-weight:bold; font-size:60px; }
.i_one_r .counter label{display:inline-block;vertical-align:top; margin-top:-5%; line-height:2;font-weight:500; font-size:14px;   }
.i_one_r .counter .h6{ font-weight: normal; font-size:14px;  overflow:hidden; line-height:24px;  margin-top:2px; margin-bottom:6px; }
.i_one_r .counter ul li:hover{-webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}
.i_two{ overflow:hidden;}
/*集团优势*/
.i_title{ font-weight:normal; color:#333333; font-size:42px; line-height:100px; height:100px; position:relative; margin-top:49px; text-align:center;}
.i_title:after{ position:absolute; content:""; bottom:0; left:50%; margin-left:-33px; width:66px; height:3px; background:#f37800;}
.i_three_txt{ text-align:center; margin:0 auto; width:1350px; overflow:hidden; line-height:30px; font-size:15px; color:#666666; margin-top:30px;}
.i_three{ margin-top:63px; height:550px; overflow:hidden;}
.i_three ul li{ float:left; width:280px; background:#fff; transition:all 0.3s; height:416px; position:relative;}
/*.i_three ul li:after{position:absolute; content:""; bottom:-49px; left:0%;  width:0px; height:3px; background:#f37800;transition:all 0.3s; }
.i_three ul li:hover:after{ width:66px;}*/
.i_three ul li:nth-child(2n+0){ background:#f4f4f4;}
.i_three ul li:hover{ background:#f37800 !important;}
.i_three ul li .txts{ width:210px; margin:0 auto; overflow:hidden;}
.i_three ul li .txts .h3{ height:42px; line-height:42px; overflow:hidden; font-weight:normal; margin-top:68px;white-space:nowrap;text-overflow:ellipsis; font-size:25px; color:#333333;transition:all 0.3s;}
.i_three ul li .txts .p{ line-height:30px; overflow:hidden; margin-top:16px;font-size:15px; color:#555555; transition:all 0.3s;}
.i_three ul li .txts img{ display:block; height:56px; margin-top:83px;}
.i_three ul li:hover .txts .h3{ color:#fff;}
.i_three ul li:hover .txts .p{ color:#fff;}
.i_three .i_more{ overflow:hidden; position:relative;margin-top:32px; }
.i_three .i_more:after{position:absolute; content:""; top:50%; margin-top:-1px; left:0%;  width:66px; height:3px; background:#f37800;transition:all 0.3s; }
.i_three .i_more .a{ float:right; font-size:14px; color:#f37800; line-height:30px; height:30px; overflow:hidden; padding-right:83px;background:url(../images/i_bg2.png) right center no-repeat; background-size:75px 13px;transition:all 0.3s; margin-right:4px;}
.i_three .i_more .a:hover{ margin-right:0px;}
/*案例展示*/
.i_four{ overflow:hidden;}
/*新闻中心*/
.i_five{ overflow:hidden;}
.i_five .i_more{ overflow:hidden; position:relative; margin-bottom:60px;}
.i_five .i_more:after{position:absolute; content:""; top:50%; margin-top:-1px; left:0%;  width:66px; height:3px; background:#f37800;transition:all 0.3s; }
.i_five .i_more .a{ float:right;  font-size:14px; color:#f37800; line-height:30px; height:30px; overflow:hidden; padding-right:83px;background:url(../images/i_bg2.png) right center no-repeat; background-size:75px 13px;transition:all 0.3s; margin-right:4px;}
.i_five .i_more .a:hover{ margin-right:0px;}
/*合作伙伴*/
.i_six{ background:#f8f8f8; overflow:hidden;}
.i_partner{ margin-top:56px; margin-bottom:8px; overflow:hidden;}
.i_partner ul li{ width:258px; margin-right:27px;float:left;  transition:all 0.3s; margin-bottom:25px;height:130px}
.i_partner ul li:nth-child(5n+0){ margin-right:0;}
.i_partner ul li .box{ border:1px solid #fff; overflow:hidden; position:relative;transition:all 0.3s;height:130px}
.i_partner ul li .box:after{position:absolute; content:""; bottom:0%;  left:50%; right:50%;  width:0; height:3px; background:#f37800;transition:all 0.3s; }
.i_partner ul li:hover .box:after{ width:100%; left:0; right:0;}
.i_partner ul li .imgs{ overflow:hidden;height:100%;width:100%;display:flex;align-items: center;
    justify-content: center;}
.i_partner ul li:hover .box{ border-color:#f37800;}
.i_partner ul li .imgs img{ display:block;margin:0 auto; max-width: 100%;
    /* height: 100px; */
    max-height: 60px;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;/* -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;*/}
.i_partner ul li:hover .imgs img{/*-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%);-o-filter: grayscale(0%); filter: grayscale(0%); filter:none;*/-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.i_six .i_more{ overflow:hidden; position:relative; margin-bottom:70px;}
.i_six .i_more:after{position:absolute; content:""; top:50%; margin-top:-1px; left:0%;  width:66px; height:3px; background:#f37800;transition:all 0.3s; }
.i_six .i_more .a{ float:right;  font-size:14px; color:#f37800; line-height:30px; height:30px; overflow:hidden; padding-right:83px;background:url(../images/i_bg2.png) right center no-repeat; background-size:75px 13px;transition:all 0.3s; margin-right:4px;}
.i_six .i_more .a:hover{ margin-right:0px;}